<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建Vue应用</title>
    <script type="text/javascript" src="vue.js"></script>
    <script>
        window.onload = function(){
            let vue = new Vue({
                el: "#d1", // 指定关联的元素,即:vue的作用域
                // 数据仓库,存储Vue的所有数据
                data:{
                    msg:"Hello Vue"
                }
            })
        }
    </script>
</head>
<body>
    <div id="d1">
        <!-- 在vue中,提供了插值表达式,用于实现数据的展示 -->
        <span id="s1">{{ msg }}</span><br>
        <!-- vue中还提供了一系列的指令,其中v-model指令实现了双向数据绑定 -->
        <input type="text" id="inText" v-model="msg">
    </div>
</body>
</html>